.event {
  flex: 2;
  display: flex;
  flex-direction: column;
  width: 0;
  border-right: 1px solid #dcdee2;
  .event-topbar {
    display: flex;
    padding: 10px 20px;
    border-bottom: 1px solid #dcdee2;
    .event-topbar-position-number {
      width: 40px;
      text-align: center;
      color: #2db7f5;
    }
    .event-topbar-position-number-unfinish {
      color: #FF9900;
    }
    .event-topbar-position-name {
      width: 140px;
    }
    .event-topbar-event-info {
      width: 100px;
    }
    .event-topbar-event-state {
      width: 100px;
      color: #2db7f5;
    }
    .event-topbar-event-state-unfinish {
      color: #FF9900;
    }
  }
  @import "./event-common";
  @import "./event-fight";
}